<template>
  <div id="app" class="page">
    <TopBavBar></TopBavBar>
    <slide-nav></slide-nav>
    <router-view :key="$route.fullPath"></router-view>
    <go-top></go-top>
    <play-music></play-music>
    <login-dialog></login-dialog>
    <register-dialog></register-dialog>
  </div>
</template>
<script>
import TopBavBar from "./components/common/TopNavBar.vue";
import GoTop from "./components/common/GoTop.vue";
import PlayMusic from "./components/common/PlayMusic.vue";
import LoginDialog from "./components/common/LoginDialog.vue";
import RegisterDialog from "./components/common/RegisterDialog.vue";
import SlideNav from "./components/common/SlideNav.vue";
export default {
  components: {
    TopBavBar,
    GoTop,
    PlayMusic,
    LoginDialog,
    RegisterDialog,
    SlideNav,
  },
  props: [""],

  provide() {
    return {
      reload: this.reload,
    };
  },
  data() {
    return {
      isRouterAlive: true,
    };
  },
  created() {},
  mounted() {},
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(function () {
        this.isRouterAlive = true;
      });
    },
  },
};
</script>
<style lang='' scoped>
</style>


<style>
</style>
